<template>
  <div class="commentitem">
    <el-row>
      <el-col :span="4">
        <div class="col_l">
          <div class="pic">
            <img
              src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=465697461,2854360800&fm=26&gp=0.jpg"
              alt=""
            />
          </div>
          <p>橘子</p>
        </div>
      </el-col>
      <el-col :span="20">
        <p>
          Lorem ipsum dolor sit amet consectetur adipisicing elit. Explicabo
          illum doloribus dignissimos doloremque rem aspernatur iusto? Eveniet,
          doloremque quo. Magni sunt, repudiandae quam facere atque debitis
          harum veniam inventore perferendis!
        </p>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {};
</script>

<style lang="less" scoped>
.col_l {
  padding-left: 10px;
  p {
    padding-left: 30px;
  }
  .pic {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    overflow: hidden;
    margin-bottom: 15px;
    > img {
      width: 100%;
      height: 100%;
    }
  }
}
</style>